html{
  width:100%;
  background: url(../images/img_bg.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

body{width:100%;height:100%;height:auto;position:relative;text-align: center}

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;width:100%;}


.earth{
	position: fixed;
  bottom:-3px;
  z-index: 0
}
.guang{
  position: fixed;
  bottom:-3px;
  z-index: 10
  animation:myguang 5s;
  -moz-animation:myguang 5s; /* Firefox */
  -webkit-animation:myguang 5s; /* Safari and Chrome */
  -o-animation:myguang 5s; /* Opera */
}

@keyframes myguang
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes myguang /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes myguang /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes myguang /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

.copyright{
  width:100%;
  text-align: center;
  margin:0 auto;
  position:fixed;
  bottom:8%;
  font-size:12px;
  color:#fff;
  z-index: 9999;
}

.img01{
  position:relative;
  width:30%;
  margin:0 auto;
  margin-top:10%;
  z-index: 10;
  animation:myfirst 5s;
  -moz-animation:myfirst 5s; /* Firefox */
  -webkit-animation:myfirst 5s; /* Safari and Chrome */
  -o-animation:myfirst 5s; /* Opera */
}

@keyframes myfirst
{
  0%   {transform:rotateY(0deg);}
  100% {transform:rotateY(360deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
  0%   {transform:rotateY(0deg);}
  100% {transform:rotateY(360deg);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
  0%   {transform:rotateY(0deg);}
  100% {transform:rotateY(360deg);}
}

@-o-keyframes myfirst /* Opera */
{
  0%   {transform:rotateY(0deg);}
  100% {transform:rotateY(360deg);}
}

.fag{
  position:fixed;
  text-align: center;
  left:35%;
  width:32%;
  margin:0 auto;
  margin-top:-26%;
  z-index: 10;
  animation:myfag 5s;
  -moz-animation:myfag 5s; /* Firefox */
  -webkit-animation:myfag 5s; /* Safari and Chrome */
  -o-animation:myfag 5s; /* Opera */
}

@keyframes myfag
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes myfag /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes myfag /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes myfag /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

.logo{
  position:fixed;
  text-align: center;
  left:35%;
  width:32%;
  margin:0 auto;
  margin-top:-26%;
  z-index: 999999;
  animation:mylogo 5s;
  -moz-animation:mylogo 5s; /* Firefox */
  -webkit-animation:mylogo 5s; /* Safari and Chrome */
  -o-animation:mylogo 5s; /* Opera */
}

@keyframes mylogo
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes mylogo /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes mylogo /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes mylogo /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

.line1{
  position:relative;
  width:15%;
  z-index:20;
  left:10%;
  margin-top:-10%;
}

.line2{
  position:relative;
  width:25%;
  z-index:20;
  left:55%;
  margin-top:-35%;
}

.img20{
  position:absolute;
}
.img21{
  position: absolute;
  width:15%;
  margin-left:5%;
  margin-top:3%;
  z-index:30;
  animation:myimg21 5s infinite;
  -moz-animation:myimg21 5s infinite; /* Firefox */
  -webkit-animation:myimg21 5s infinite; /* Safari and Chrome */
  -o-animation:myimg21 5s infinite; /* Opera */
}

@keyframes myimg21
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}

@-moz-keyframes myimg21 /* Firefox */
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}

@-webkit-keyframes myimg21 /* Safari and Chrome */
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}

@-o-keyframes myimg21 /* Opera */
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}
.img22{
  position: absolute;
  width:25%;
  margin-left:4%;
  margin-top:50%;
  z-index:30;
  animation:myimg22 5s infinite;
  -moz-animation:myimg22 5s infinite; /* Firefox */
  -webkit-animation:myimg22 5s infinite; /* Safari and Chrome */
  -o-animation:myimg22 5s infinite; /* Opera */
}

@keyframes myimg22
{
  0%   {width:25%;}
  50%  {width:15%;}
  100% {width:25%;}
}

@-moz-keyframes myimg22 /* Firefox */
{
  0%   {width:25%;}
  50%  {width:15%;}
  100% {width:25%;}
}

@-webkit-keyframes myimg22 /* Safari and Chrome */
{
  0%   {width:25%;}
  50%  {width:15%;}
  100% {width:25%;}
}

@-o-keyframes myimg22 /* Opera */
{
  0%   {width:25%;}
  50%  {width:15%;}
  100% {width:25%;}
}
.img23{
  position: absolute;
  width:15%;
  margin-left:85%;
  margin-top:70%;
  z-index:30;
  animation:myimg23 8s infinite;
  -moz-animation:myimg23 8s infinite; /* Firefox */
  -webkit-animation:myimg23 8s infinite; /* Safari and Chrome */
  -o-animation:myimg23 8s infinite; /* Opera */
}

@keyframes myimg23
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}

@-moz-keyframes myimg23 /* Firefox */
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}

@-webkit-keyframes myimg23 /* Safari and Chrome */
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}

@-o-keyframes myimg23 /* Opera */
{
  0%   {width:15%;}
  50%  {width:25%;}
  100% {width:15%;}
}

.img30{
  position:absolute;
}
.img31{
  position: absolute;
  width:8%;
  margin-left:24%;
  margin-top:0%;
  z-index:30;
  animation:myimg31 8s infinite;
  -moz-animation:myimg31 8s infinite; /* Firefox */
  -webkit-animation:myimg31 8s infinite; /* Safari and Chrome */
  -o-animation:myimg31 8s infinite; /* Opera */
}
@keyframes myimg31
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}

@-moz-keyframes myimg31 /* Firefox */
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}

@-webkit-keyframes myimg31 /* Safari and Chrome */
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}

@-o-keyframes myimg31 /* Opera */
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}
.img32{
  position: absolute;
  width:11%;
  margin-left:22%;
  margin-top:30%;
  z-index:30;
  animation:myimg33 8s infinite;
  -moz-animation:myimg33 8s infinite; /* Firefox */
  -webkit-animation:myimg33 8s infinite; /* Safari and Chrome */
  -o-animation:myimg33 8s infinite; /* Opera */
}

@keyframes myimg33
{
  0%   {width:11%;}
  50%  {width:8%;}
  100% {width:11%;}
}

@-moz-keyframes myimg33 /* Firefox */
{
  0%   {width:11%;}
  50%  {width:8%;}
  100% {width:11%;}
}

@-webkit-keyframes myimg33 /* Safari and Chrome */
{
  0%   {width:11%;}
  50%  {width:8%;}
  100% {width:11%;}
}

@-o-keyframes myimg33 /* Opera */
{
  0%   {width:11%;}
  50%  {width:8%;}
  100% {width:11%;}
}
.img33{
  position: absolute;
  width:15%;
  margin-left:68%;
  margin-top:10%;
  z-index:30;
  animation:myimg33 4s infinite;
  -moz-animation:myimg33 4s infinite; /* Firefox */
  -webkit-animation:myimg33 4s infinite; /* Safari and Chrome */
  -o-animation:myimg33 4s infinite; /* Opera */
}
.img34{
  position: absolute;
  width:8%;
  margin-left:63%;
  margin-top:50%;
  z-index:30;
  animation:myimg34 6s infinite;
  -moz-animation:myimg34 6s infinite; /* Firefox */
  -webkit-animation:myimg34 6s infinite; /* Safari and Chrome */
  -o-animation:myimg34 6s infinite; /* Opera */
}
@keyframes myimg34
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}

@-moz-keyframes myimg34 /* Firefox */
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}

@-webkit-keyframes myimg34 /* Safari and Chrome */
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}

@-o-keyframes myimg34 /* Opera */
{
  0%   {width:8%;}
  50%  {width:15%;}
  100% {width:8%;}
}

.quan{
  position:relative;
  margin:0 auto;
  width:40%;
  margin-top:1%;
  z-index:99;
}

.quandian{
  position:relative;
  margin:0 auto;
  width:40%;
  margin-top:-40.2%;
  z-index:110;
  animation:myquandian 15s;
  -moz-animation:myquandian 15s; /* Firefox */
  -webkit-animation:myquandian 15s; /* Safari and Chrome */
  -o-animation:myquandian 15s; /* Opera */
}

@keyframes myquandian
{
  0%   {transform:rotate(0deg);}
  25%   {transform:rotate(40deg);}
  25%   {transform:rotate(-40deg);}
  100% {transform:rotate(0deg);}
}

@-moz-keyframes myquandian /* Firefox */
{
  0%   {transform:rotate(0deg);}
  25%   {transform:rotate(40deg);}
  25%   {transform:rotate(-40deg);}
  100% {transform:rotate(0deg);}
}

@-webkit-keyframes myquandian /* Safari and Chrome */
{
  0%   {transform:rotate(0deg);}
  25%   {transform:rotate(40deg);}
  25%   {transform:rotate(-40deg);}
  100% {transform:rotate(0deg);}
}

@-o-keyframes myquandian /* Opera */
{
  0%   {transform:rotate(0deg);}
  25%   {transform:rotate(40deg);}
  25%   {transform:rotate(-40deg);}
  100% {transform:rotate(0deg);}
}

.img02{
  width:6%;
}

.hainan{
  position:relative;
  margin-top:-40%;
  margin-right:26%;
  z-index: 9999;
  animation:myhainan 5s;
  -moz-animation:myhainan 5s; /* Firefox */
  -webkit-animation:myhainan 5s; /* Safari and Chrome */
  -o-animation:myhainan 5s; /* Opera */
}

@keyframes myhainan
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes myhainan /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes myhainan /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes myhainan /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}
.hainan img{
  vertical-align:middle;
}
.hainan a{
  text-decoration: none;
  color:#fff;
  font-size:12px;
}
.hainan a:hover{
  font-size:14px;
}

.rongcheng{
  position:relative;
  margin-top:1%;
  margin-right:37%;
  z-index: 9999;
  animation:myrongcheng 5s;
  -moz-animation:myrongcheng 5s; /* Firefox */
  -webkit-animation:myrongcheng 5s; /* Safari and Chrome */
  -o-animation:myrongcheng 5s; /* Opera */
}

@keyframes myrongcheng
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes myrongcheng /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes myrongcheng /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes myrongcheng /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

.rongcheng img{
  vertical-align:middle;
}
.rongcheng a{
  text-decoration: none;
  color:#fff;
  font-size:12px;
}

.rongcheng a:hover{
  font-size:14px;
}

.shidao{
  position:relative;
  margin-top:3%;
  margin-right:43%;
  z-index: 9999;
  animation:myshidao 5s;
  -moz-animation:myshidao 5s; /* Firefox */
  -webkit-animation:myshidao 5s; /* Safari and Chrome */
  -o-animation:myshidao 5s; /* Opera */
}

@keyframes myshidao
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes myshidao /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes myshidao /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes myshidao /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

.shidao img{
  vertical-align:middle;
}
.shidao a{
  text-decoration: none;
  color:#fff;
  font-size:12px;
}

.shidao a:hover{
  font-size:14px;
}

.huanbao{
  position:relative;
  margin-top:8%;
  margin-left:43%;
  z-index: 9999;
  animation:myhuanbao 5s;
  -moz-animation:myhuanbao 5s; /* Firefox */
  -webkit-animation:myhuanbao 5s; /* Safari and Chrome */
  -o-animation:myhuanbao 5s; /* Opera */
}

@keyframes myhuanbao
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes myhuanbao /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes myhuanbao /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes myhuanbao /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}
.huanbao img{
  vertical-align:middle;
}
.huanbao a{
  text-decoration: none;
  color:#fff;
  font-size:12px;
}

.huanbao a:hover{
  font-size:14px;
}

.gufei{
  position:relative;
  margin-top:3%;
  margin-left:38%;
  z-index: 9999;
  animation:mygufei 5s;
  -moz-animation:mygufei 5s; /* Firefox */
  -webkit-animation:mygufei 5s; /* Safari and Chrome */
  -o-animation:mygufei 5s; /* Opera */
}

@keyframes mygufei
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes mygufei /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes mygufei /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes mygufei /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}
.gufei img{
  vertical-align:middle;
}
.gufei a{
  text-decoration: none;
  color:#fff;
  font-size:12px;
}
.gufei a:hover{
  font-size:14px;
}

.wuyang{
  position:relative;
  margin-top:1%;
  margin-left:23%;
  z-index: 9999;
  animation:mywuyang 5s;
  -moz-animation:mywuyang 5s; /* Firefox */
  -webkit-animation:mywuyang 5s; /* Safari and Chrome */
  -o-animation:mywuyang 5s; /* Opera */
}

@keyframes mywuyang
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes mywuyang /* Firefox */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes mywuyang /* Safari and Chrome */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes mywuyang /* Opera */
{
  0%   {opacity:0;}
  100% {opacity:1;}
}
.wuyang img{
  vertical-align:middle;
}
.wuyang a{
  text-decoration: none;
  color:#fff;
  font-size:12px;
}

.wuyang a:hover{
  font-size:14px;
}


/*动画*/
#zizhuan{
  animation:zizhuan 2s linear infinite;
  -webkit-animation:zizhuan 2s linear infinite;
}
@keyframes zizhuan
{
　　0%{-webkit-transform:rotate(0deg);}
　　50%{-webkit-transform:rotate(180deg);}
　　100%{-webkit-transform:rotate(360deg);}
}

@-webkit-keyframes zizhuan
{
　　0%{-webkit-transform:rotate(0deg);}
　　50%{-webkit-transform:rotate(180deg);}
　　100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes zizhuan
{
　　0%{-webkit-transform:rotate(0deg);}
　　50%{-webkit-transform:rotate(180deg);}
　　100%{-webkit-transform:rotate(360deg);}
}
@-o-keyframes zizhuan
{
　　0%{-webkit-transform:rotate(0deg);}
　　50%{-webkit-transform:rotate(180deg);}
　　100%{-webkit-transform:rotate(360deg);}
}